<!DOCTYPE html>

<html>

	<head>
		
		<!-- Title -->
		<title>Wiki Article - CheerApp HTML Template Demo</title>
		
		<!-- Meta tags -->
		<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
		
		<!-- CSS -->
		<link rel="stylesheet" type="text/css" media="screen" href="css/light-blue.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="css/prettyPhoto.css" />
		
		<!-- JavaScript -->
		<script src="js/forms.js" type="text/javascript"></script>
		<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
		<script src="js/royal.js" type="text/javascript"></script>
		
		<script type="text/javascript">
			document.documentElement.className += 'js-ready';
		</script>
		
		<!-- IE scripts and stylesheets -->
		<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			<script src="js/iefixes.js" type="text/javascript"></script>
		<![endif]-->
		
	
	</head>
	
	
	<body>
	
		<div id="wrap">
		
			<header id="header">
				<div class="inner-wrap clearfix">
				
					<h1 id="logo">
						<a href="index.html">CheerApp - Premium HTML App Template - Demo</a>
					</h1>
					
					<nav class="dropdown">
						<ul id="nav" class="clearfix">
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="#">Features</a>
								<ul>
									<li><a href="4-column-pricing.html">Pricing&nbsp;tables</a>
										<ul>
											<li><a href="3-column-pricing.html">Three&nbsp;columns</a></li>
											<li><a href="4-column-pricing.html">Four&nbsp;columns</a></li>
											<li><a href="5-column-pricing.html">Five&nbsp;columns</a></li>
										</ul>
									</li>
									<li><a href="wiki.html">Knowledgebase</a>
										<ul>
											<li><a href="wiki-single.html">Single&nbsp;article</a></li>
											<li><a href="wiki.html">Archive</a></li>
										</ul>
									</li>
									<li><a href="register.html">Registration&nbsp;Form</a></li>
									<li><a href="elements.html">Styling&nbsp;demos</a></li>
								</ul>
							</li>
							<li><a href="wiki.html">Knowledgebase</a>
								<ul>
									<li><a href="wiki-single.html">Single&nbsp;article</a></li>
									<li><a href="documentation/index.html">Documentation</a></li>
									<li><a href="contact.html">Contact&nbsp;support</a></li>
								</ul>
							</li>
							<li><a href="4-column-pricing.html">Pricing</a>
								<ul>
									<li><a href="3-column-pricing.html">Three&nbsp;columns</a></li>
									<li><a href="4-column-pricing.html">Four&nbsp;columns</a></li>
									<li><a href="5-column-pricing.html">Five&nbsp;columns</a></li>
								</ul>
							</li>
							<li><a href="blog.html">Blog</a>
								<ul>
									<li><a href="blog-single.html">Single&nbsp;post</a></li>
									<li><a href="blog.html">Monthly&nbsp;archives</a></li>
								</ul>
							</li>
							<li><a href="contact.html">Contact</a></li>
						</ul><!-- end #nav -->
					</nav>
					
					<div class="login">
						
						<!-- Use "user-info" div once the user has logged in and hide the login/register links and login form -->
						<!--						
						<div class="user-info">
							<p>Logged in as <span class="username">Username</span> <a class="logout" href="#">(logout)</a></p>
						</div>
						-->
						
						<ul class="login-links">
							<li><a href="register.html">Register</a></li>
							<li><a class="login-link" href="#">Login</a></li>
						</ul><!-- end .login-links -->
						
						<form id="login-form" method="post" action="#">
						
							<p>
								<label for="username">Username</label>
								<input name="username" value="" id="username" type="text" required placeholder="Username" />
							</p>
							<p>
								<label for="password">Password</label>
								<input name="password" value="" id="password" type="password" required placeholder="Password" />
							</p>
							<p class="forgot"><a href="#">Forgot?</a></p>
							<p>
								<input class="login-submit" type="submit" value="Login" name="submit" />
							</p>
						
						</form>
						
					</div><!-- end #login -->
					
				</div><!-- end .inner-wrap -->
			</header><!-- end header -->
			
			
			<div id="featured">
				<div class="inner-wrap">
				
					<div class="breadcrumb">
						<h2>
							<small><a href="wiki-archive.html">Support</a> / <a href="wiki-archive.html">Wiki</a> /</small>
							Installation
						</h2>
					</div>
					
					<form id="searchform" method="get" action="search.html" class="clearfix">
						<p>
							<input type="text" value="" name="s" id="s" placeholder="Start searching..." autocomplete="off" />
						</p>
						<p>
							<input type="submit" id="searchsubmit" value="" />
						</p>
					</form>
				
				</div><!-- end .inner-wrap -->
			</div><!-- end #featured -->
			
			
			<div id="main" class="wiki">
				<div class="inner-wrap clearfix">
				
					<div class="content content-right">
					
						<article class="post post-wiki clearfix">
							<h1>
								Getting started with WordPress
							</h1>
							<div class="wiki-post-meta">
								<span class="post-meta"><small>last updated on</small> March 24, 2011 <small>by</small> POGOKING</span>
								<a class="faq-count" href="#faq">4</a>
								<span class="likes">15</span>
							</div>
							<div class="post-content">
								<h3>Step One - Read</h3>
								<p>
									Before you invest your valuable time and energy into installing WordPress, there are some documents you need to read. WordPress is a great product; it's easy-to-use, it's quite powerful, but it isn't necessarily the right software for everyone. Just like building a house, you have to use the right tool for the right job.
								</p>
								<div class="column-container">
									<div class="column third">
										<h6>Lorem ipsum dolor</h6>
										<p>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et turpis metus, ut scelerisque mi. Pellentesque placerat, eros at eleifend pulvinar, nisi mauris varius urna, venenatis gravida libero erat id massa. Nullam ullamcorper lacus at nibh lobortis tincidunt.
										</p>
									</div><!-- end .column -->
									<div class="column third">
										<h6>Donec vel risus ipsum</h6>
										<p>
											Donec vel risus ipsum. Nulla facilisi. Mauris dapibus commodo vestibulum. Nullam pulvinar aliquet felis vel venenatis. Praesent laoreet, arcu nec interdum tincidunt, nibh leo facilisis augue, ac hendrerit est ligula mollis dolor. Suspendisse dapibus quam vel magna congue consequat.
										</p>
									</div><!-- end .column -->
								</div><!-- end .column-container -->
								<p>
									Suspendisse dapibus quam vel magna congue consequat fermentum quam fermentum. Pellentesque fermentum laoreet tortor, a facilisis mi varius vitae. Proin libero nulla, cursus nec luctus sit amet, varius eu orci. Praesent commodo, elit eget ornare fermentum, metus nulla vulputate purus, a imperdiet metus lorem a lectus. Donec lacinia dictum volutpat. Sed pellentesque vestibulum sem, at tempus magna scelerisque sagittis.
								</p>
								<div class="box box-resource">
									<div class="box-content">
										<h2><small>Recommended FTP software</small><a href="#">FileZilla - Open Source FTP Client</a></h2>
										<ul class="info clearfix">
											<li><small>Source:</small> <a href="#">http://filezilla-project.org/</a></li>
											<li><small>Size:</small> 4.9 MB</li>
										</ul>
									</div>
								</div><!-- end .box -->
								<h3>Step Two - Make a Plan</h3>
								<p>
									Based upon the information you've just read, including instructions on installing WordPress, you should have a list of the things you need, and the things you need to do. If not, make that list now--you'll want to make sure it includes the following information:
								</p>
								<ul>
									<li><a href="#">Website Host Requirements Checked and Verified</a></li>
									<li><a href="#">Versions of PHP and MySQL Checked and Verified</a></li>
									<li><a href="#">Web Host Compatibility with New Versions of WordPress</a></li>
									<li><a href="#">Your Website Username and Password</a></li>
									<li><a href="#">Text Editor Software</a></li>
									<li><a href="#">An FTP Client Software</a></li>
									<li><a href="#">Your Web Browser of Choice</a></li>
								</ul>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et turpis metus, ut scelerisque mi. Pellentesque placerat, eros at eleifend pulvinar, nisi mauris varius urna, venenatis gravida libero erat id massa. Nullam ullamcorper lacus at nibh lobortis tincidunt.
								</p>
								<p>
									Donec vel risus ipsum. Nulla facilisi. Mauris dapibus commodo vestibulum. Nullam pulvinar aliquet felis vel venenatis. Praesent laoreet, arcu nec interdum tincidunt, nibh leo facilisis augue, ac hendrerit est ligula mollis dolor. Suspendisse dapibus quam vel magna congue consequat fermentum quam fermentum.
								</p>
							</div><!-- end .post-content -->
							
							<hr />
							
							<div>
								<h5>Frequently Asked Questions</h5>
								<ul id="faq">
									<li>
										<a href="#">Why do I get the “Theme installation failed” message when installing theme?</a>
										<div class="target">
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et turpis metus, ut scelerisque mi. Pellentesque placerat, eros at eleifend pulvinar, nisi mauris varius urna, venenatis gravida libero erat id massa. Nullam ullamcorper lacus at nibh lobortis tincidunt.</p>
										</div>
									</li>
									<li>
										<a href="#">How do I lorem ipsum dolor when doing consectetur?</a>
										<div class="target">
											<p>Aliquam et turpis metus, ut scelerisque mi. Pellentesque placerat, eros at eleifend pulvinar, nisi mauris varius urna, venenatis gravida libero erat id massa. Nullam ullamcorper lacus at nibh lobortis tincidunt.</p>
										</div>
									</li>
									<li>
										<a href="#">I’ve installed a theme but I keep getting “Lorem ipsum” error, why?</a>
										<div class="target">
											<p>Aliquam et turpis metus, ut scelerisque mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Pellentesque placerat, eros at eleifend pulvinar, nisi mauris varius urna, venenatis gravida libero erat id massa.</p>
										</div>
									</li>
								</ul><!-- end #faq -->
							</div><!-- end #faq -->
							
							<hr />
							<a class="button button-like">I found this helpful<span class="icon"></span></a>
							<a class="button button-mail">Send your comments<span class="icon"></span></a>
						</article><!-- end .post -->
						
					</div><!-- end .content -->
					
					
					<div class="sidebar">
					
						<ul id="wiki-topics">
							<li class="current">
								<a href="wiki-archive.html">Installation</a>
								<ul class="children">
									<li><a href="wiki-single.html">Installing themes via WP admin interface</a></li>
									<li class="current"><a href="wiki-single.html">Getting started with WordPress</a></li>
									<li><a href="wiki-single.html">Installing themes via FTP</a></li>
									<li><a href="wiki-single.html">Installing essential plugins</a></li>
									<li><a href="wiki-single.html">Choosing color scheme</a></li>
								</ul>
							</li>
							<li>
								<a href="wiki-archive.html">Adding posts</a>
								<ul class="children">
									<li><a href="wiki-single.html">Lorem ipsum dolor sit amet</a></li>
									<li><a href="wiki-single.html">Portfolio posts</a></li>
									<li><a href="wiki-single.html">Making post sticky</a></li>
									<li><a href="wiki-single.html">Uploading featured image (thumbnail)</a></li>
								</ul>
							</li>
							<li>
								<a href="wiki-archive.html">Adding pages</a>
								<ul class="children">
									<li><a href="wiki-single.html">What are WP page templates?</a></li>
									<li><a href="wiki-single.html">Adding blog page</a></li>
									<li><a href="wiki-single.html">Adding gallery page</a></li>
									<li><a href="wiki-single.html">Adding Wiki page</a></li>
									<li><a href="wiki-single.html">Adding full-width page and page with sidebar</a></li>
									<li><a href="wiki-single.html">Adding contact page</a></li>
								</ul>
							</li>
							<li>
								<a href="wiki-archive.html">Editing wiki</a>
								<ul class="children">
									<li><a href="wiki-single.html">Setting up Wiki page</a></li>
									<li><a href="wiki-single.html">Wiki options</a></li>
									<li><a href="wiki-single.html">Adding Wiki posts</a></li>
									<li><a href="wiki-single.html">Adding FAQ section to post</a></li>
									<li><a href="wiki-single.html">Updating Wiki menu</a></li>
								</ul>
							</li>
							<li>
								<a href="wiki-archive.html">Using shortcodes</a>
								<ul class="children">
									<li><a href="wiki-single.html">What is shortcode?</a></li>
									<li><a href="wiki-single.html">WordPress shortcode basics</a></li>
									<li><a href="wiki-single.html">Layout (column) shortcodes</a></li>
									<li><a href="wiki-single.html">Button shortcodes</a></li>
									<li><a href="wiki-single.html">Image and video shortcodes</a></li>
									<li><a href="wiki-single.html">Info boxes shortcodes</a></li>
									<li><a href="wiki-single.html">List style shortcodes</a></li>
								</ul>
							</li>
							<li>
								<a href="wiki-archive.html">Theme customization</a>
								<ul class="children">
									<li><a href="wiki-single.html">What you should know before starting to customize WP theme</a></li>
									<li><a href="wiki-single.html">Tools and tips for coding</a></li>
									<li><a href="wiki-single.html">Customizing WP theme the right way</a></li>
									<li><a href="wiki-single.html">Customizing colors with CSS</a></li>
									<li><a href="wiki-single.html">Customizing HTML output</a></li>
								</ul>
							</li>
						</ul>
					
					</div><!-- end .sidebar -->
					
				</div><!-- end .inner-wrap -->
			</div><!-- end #main -->
		
		</div><!-- end #wrap -->
		
		
		<footer id="footer">
			<div class="inner-wrap">
			
				<nav>
					<ul id="footer-nav" class="clearfix">
						<li><a href="index.html">Home</a></li>
						<li><a href="4-column-pricing.html">Sign up</a></li>
						<li><a href="#">Legal</a></li>
						<li><a href="wiki.html">Support</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</nav>
				
				<!-- Set margin-top on logo to negative half of image height (to center it vertically) in CSS (.footer-logo) -->
				<a href="index.html"><img class="footer-logo" src="images/light-blue/logo-small.png" width="107" height="39" alt="logo" /></a>
				
				<small class="copyright">&copy;2011&nbsp;&nbsp;&middot;&nbsp;&nbsp;CheerApp HTML template by <a href="http://themeforest.net/user/pogoking?ref=pogoking">Mateusz Hajdziony</a></small>
			
			</div>
		</footer><!-- end footer -->
	
	</body>

</html>